<template>
  <div class="nav-wrap">
    <NavItem pathTo="money" iconName="money">记账</NavItem>
    <NavItem pathTo="labels" iconName="label">标签</NavItem>
    <NavItem pathTo="statistics" iconName="statistics">统计</NavItem>
  </div>
</template>

<script lang="ts">

export default {
  name: 'Nav'
};
</script>

<style lang="scss" scoped>
.nav-wrap {
  display: flex;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  background-color: #fff;
  }

</style>